<template>
  <div>
    <div class="footer">
      <div class="con">
        <div class="foote1">
          <p>下载酷我音乐客户端</p>
          <div class="footerlink">
            <a class="iphone">
              <!-- <img src="icon-pingguo" /> -->
              <i class="iconfont icon-pingguo"></i>
            </a>
            <a>
              <i class="iconfont icon-anzhuo"></i>
            </a>
            <a>
              <i class="iconfont icon-windows"></i>
            </a>
          </div>
        </div>
        <div class="foote2">
          <p>协议与说明</p>
          <div class="footerlink2">
            <a> 用户服务协议 </a>
            <a> 免责声明 </a>
            <a> 用户权限 </a>

            <a class="space"> 隐私政策 </a>
            <a class="space"> 权利声明 </a>
          </div>
        </div>
        <div class="foote2">
          <p>其他</p>
          <div class="footerlink2">
            <a> 联系我们 </a>
            <a> 腾讯音乐 </a>
            <a> 诚聘英才 </a>
            <a class="space"> 广告服务 </a>
            <a class="space" style="width: auto"> 网上有害信息举报专区 </a>
          </div>
        </div>
        <div class="foote3">
          <p>合作链接</p>
          <div class="footerlink2">
            <a style="display: block; width: 100%"> qq音乐 </a>
            <a class="space" style="display: block; width: 100%"> 酷狗听书 </a>
          </div>
        </div>
      </div>
    </div>
    <div class="copyright">
      <div class="text">
        <p>
          北京酷我科技有限公司版权所有 丨 网络文化经营许可证：
          <a target="_blank" href="http://image.kuwo.cn/star/www/wenwangwen.pdf"
            >京网文[2021]2071-554号</a
          >
          丨
          <a
            target="_blank"
            href="http://image.kuwo.cn/star/www/shiting1.pdf"
            style=""
            >信息网络传播视听节目许可证0109362号</a
          >
          丨 增值电信业务经营许可证B2-20090418 丨
          <a target="_blank" href="http://image.kuwo.cn/star/www/icp.pdf"
            >京ICP证060261号</a
          >
        </p>
        <p>
          <a
            target="_blank"
            href="http://image.kuwo.cn/star/www/guangdianxuke.pdf"
            >广播电视节目制作经营许可证京字第02037号</a
          >
          丨
          <a target="_blank" href="http://image.kuwo.cn/star/www/yingye.pdf"
            >营业性演出许可证京市演1574</a
          >
          丨
          <a
            target="_blank"
            href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010502030216"
            >京公网安备11010502030216号</a
          >
          丨
          <span
            ><a
              target="_blank"
              href="http://beian.miit.gov.cn/state/outPortal/loginPortal.action"
              >京ICP备09014827号</a
            ></span
          >
        </p>
        <p>
          应用版本：9.4.4.0 丨 开发者：北京酷我科技有限公司 丨
          举报电话：010-87939949丨 举报邮箱：support@kuwo.cn 丨
          <span class="report">未成年人监督举报入口</span>
        </p>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name:'Bottom'
};
</script>
<style>
.footer {
  color: #ddd;

  display: flex;
  justify-content: center;
  margin-top: 62px;
  height: 220px;
  background: #282828;
  color: #fff;
  font-size: 13px;
  font-weight: 400;
}
.con {
  display: flex;
  justify-content: space-around;
  align-items: center;
  padding: 0px 120px;
  width: 100%;
  color: grey;
}

.con .foote1,
.foote2,
.foote3 {
  height: 100%;
  padding-top: 80px;
}
.foote1 p,
.foote2 p,
.foote3 p {
  color: white;
}
.footerlink,
.footerlink2 {
  padding-top: 40px;
}
.foote1 .footerlink a {
  padding-left: 31px;
}
.foote1 .footerlink a:first-child {
  padding: 0;
}

.footerlink a i {
  opacity: 0.5;
  font-size: 40px;
}
.footerlink a {
  width: 80px;
}
.foote2 {
  float: left;
  margin: 0 10px;
}

.footerlink2 a {
  width: 33%;

  display: block;

  float: left;
}
.foote3 {
  float: left;
}

/* second footer */

.copyright {
  font-size: 12px;
  font-weight: 400;
  height: 182px;
  padding: 22px 0 99px;
  background: #1f1f1f;
  text-align: center;
  color: grey;
}

.text {
  height: 58px;
}
.copyright a {
  color: grey;

  text-decoration: none;
}
</style>